<!DOCTYPE html>
{% load static from staticfiles %}
<html lang="fr">
	<head>

		{% block head %}
		<title>{{ PAGE_TITLE }} - {{ WEBSITE_TITLE }}</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="{%static "jquery-1.10.2.min/jquery-1.10.2.min.js" %}"></script>
		<script src="{%static "jquery-ui-1.10.3/ui/jquery-ui.js" %}"></script>
		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		{% endblock %}

		{% block javascriptload %}
			
		{% endblock %}

		{% block head-medias %}{% endblock %}

	</head>

	<body>

		<table style="text-align: left; width: 100%; height: 848px;" border="1"
		cellpadding="2" cellspacing="2">
			<tbody>
				<tr>
					<td colspan="2" rowspan="1"
					style="vertical-align: top; width: 767px;">
					<br>
					<div id="banner">
						<a href="mysite.localhost/polls" title="Acceuil"><img src="{% static "img/bienvenue.gif" %}" alt="logo du site studz" /></a>
					</div>
					<style>
						#banner {
							width: 50%;
							margin: auto;
						}
					</style>
					<table style="width: 100%; padding: 5px;"  class="tabcenter">
						<thead class="ui-widget-header">
							<tr>
								<th bgcolor="#FFFFFF"><a href="/clients"><img src="{% static "bouton/clients.png" %}" alt="logo du site studz" /></a></th>
								<th bgcolor="#FFFFFF"><a href="/command"><img src="{% static "bouton/command.png" %}" alt="logo du site studz" /></a></th>
								<th bgcolor="#FFFFFF"><a href="/salarie"><img src="{% static "bouton/salarie.png" %}" alt="logo du site studz" /></a></th>
								<th bgcolor="#FFFFFF"><a href="/poudres"><img src="{% static "bouton/poudre.png" %}" alt="logo du site studz" /></a></th>
								<th bgcolor="#FFFFFF"><a href="/comptes"><img src="{% static "bouton/compte.png" %}" alt="logo du site studz" /></a></th>
							</tr>
						</thead>
						<tbody>
					</table>
					<style>
						th {
							color: white;
						}
					</style></td>
				</tr>
				<tr>
					<td style="vertical-align: top; width: 150px; height: 479px;">
					<br>
					{% block menu %}

					{% endblock %} 
					</td>
					<td style="vertical-align: top; width: 767px; height: 479px;">
					<br>
					{% block content %}{% endblock %} </td>
				</tr>
				<tr>
					<td colspan="2" rowspan="1"
					style="vertical-align: top; width: 767px; height: 143px;">
					<br>
					<!-- Footer -->
					<footer>
						{% block footer %}
						<p>
							&copy Jully 2013 - Do Dang Khoa NGUYEN
						</p>
						{% endblock %}
					</footer><!-- End of Footer --></td>
				</tr>
			</tbody>
		</table>

		{% block extra-medias %}{% endblock %}
	</body>
</html>